/* css reset */
*{ margin:0; padding:0;}
ul,ol{ list-style: none;}
img{ display: block;}
a{ text-decoration: none; color: black;}
input{outline:none;}

/* css common */
.l{float: left;}
.r{float: right;}
.clear:after{ content:""; display: block; clear:both;}
.container {width: 1080px; margin: 0 auto; position: relative;}
.container-fluid {position: relative;}
body {font-size: 14px;background-color: #F9F9F9;}

/* 主体区域 */
#register {
    background-color: #fff;
    height: 300px;
    margin: 24px auto;
    overflow: hidden;
}
#register .content {
    width: 600px;
    margin: 50px auto;
    text-align: center;
    line-height: 24px;
    font-size: 16px;
}

#register .content h1 {
    color: #784CFA;
}

#register .content .input {
    font-size: 20px;
    margin:20px 0;
    line-height: 30px;
    color: #333333;
}
#register .content .input input {
    border: 2px solid #999999;
    height: 30px;
    width: 200px;
    font-size: 16px;
}
/* 按钮 */
#register .content  button {
    margin-top: 10px;
    width: 100px;
    height: 40px;background-color: #784CFA;
    color: #fff;
    border: none;
    cursor: pointer;
    outline:none;
}
#register .content button:hover {
    background-color: rgba(120, 76, 250, .8);
}